<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link href="../mall/image/迪.png"rel="shortcut icon"type="image/x-icon">
    <meta charset="UTF-8">
    <title>小米商城-注册</title>
    <link rel="stylesheet" th:href="@{mall/css/common.css}">
    <link rel="stylesheet" th:href="@{mall/styles/login.css}">
    <link rel="stylesheet" th:href="@{mall/styles/header.css}">
    <link rel="stylesheet" th:href="@{/admin/plugins/sweetalert/sweetalert.css}"/>
    <script src="/layui/layui.js"></script>
</head>
<body>
<div class="top center">
    <div class="logo center">
        <a href="/index" target="_blank"><img src="mall/image/小迪商城.png" style="width: 370px" alt=""></a>
    </div>
</div>

<div class="form center">
    <div class="login">
        <div class="login_center">
            <div class="login_top">
                <div class="left fl">会员注册</div>
                <div class="right fr">您已有账号？<a href="login" target="_self">请登录</a></div>
                <div class="clear"></div>
                <div class="under-line center"></div>
            </div>
            <form id="registerForm"  action="##">
                <div class="login_main center">
                    <div class="login-info">手机号:&nbsp;<input class="login-info-input" type="text" name="loginName"
                                                             placeholder="请输入你的手机号" id="loginName"/>
                    </div>
                    <div class="login-info">密&nbsp;&nbsp;&nbsp;&nbsp;码:&nbsp;
                        <input class="login-info-input" type="password" name="password" id="password" placeholder="请输入你的密码"/>
                    </div>
                    <div class="login-info">邮&nbsp;&nbsp;&nbsp;&nbsp;箱:&nbsp;
                        <input class="login-info-input" type="text" name="email" id="email" placeholder="请输入你的邮箱"/>
                    </div>
                    <div class="login-info">
                        验证码:&nbsp;
                        <input class="login-info-input verify-code" type="text" name="verifyCode" id="verifyCode"
                               placeholder="请输入验证码"/>
                            <input type="button" class="login_submit" value="发送邮件" id="emailBtn">
                    </div>
                </div>
                <div class="login_submit">
                    <input class="submit" type="button" onclick="register()" value="立即注册">
                </div>
            </form>
        </div>
    </div>
</div>
</body>
<style>
    #emailBtn{
        border: none;
        width: 80px;
        height: 30px;
        margin-left: 55px;
        background: #1baeae;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2px;
        cursor: pointer;
        border-radius: 4px;
    }
</style>
<!-- jQuery -->
<script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>
<script th:src="@{/admin/dist/js/public.js}"></script>
<script th:src="@{/admin/plugins/sweetalert/sweetalert.min.js}"></script>
<!--注册js封装-->
<script th:src="@{/mall/js/register.js}"></script>
<script type="text/javascript">
</script>
</html>